<template>
  <div class="electricity-statistics">
    <div class="title">• 园区用电统计情况</div>
    <div class="electricity-statistics-sum">
      <img src="~@/assets/image/electricity.png"
           alt="">
      <div>
        <div class="margin-bottom-10">当前总用电量（kwh）</div>
        <div>54789</div>
      </div>
    </div>
    <div class="entrance-chart">
      <echarts :data='entranceChartData'
               :heightNum='250'
               refName="entranceChartData" />
    </div>
  </div>
</template>

<script>
import echarts from '@/components/echarts'
import lineExtendConfig from './extend/line-extend'
export default {
  data () {
    return {
      entranceChartData: {
        data: {
          columns: ['日期', '访问用户'],
          rows: [
            { '日期': '00:00', '访问用户': 1393 },
            { '日期': '03:00', '访问用户': 3530 },
            { '日期': '06:00', '访问用户': 2923 },
            { '日期': '09:00', '访问用户': 1723 },
            { '日期': '12:00', '访问用户': 3792 },
            { '日期': '15:00', '访问用户': 4593 }
          ]
        },
        ...lineExtendConfig
      }
    }
  },
  components: {
    echarts
  }
}
</script>

<style lang="scss" scoped>
@import "./scss/style.scss";
@import "./scss/energy-statistics.scss";
</style>
